<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link type="text/css" rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">
</head>
<body>

    <div class="panel panel-default" style="width:350px;margin-top:80px;margin-left:450px">
        <div class="panel-heading">
            <h2 class="panel-title">用户登录</h2>
        </div>
        <div class="panel-body">
            <form method="post" novalidate>
                {% csrf_token %}
                <div class="form-group">
                    <label>{{form.username.label}}:</label> {{form.username}} <span style="color:red">{{form.username.errors.0}}</span><br>
                    <label>{{form.password.label}}:</label> {{form.password}} <span style="color:red">{{form.password.errors.0}}</span><br>
                    <label>{{form.code_str.label}}:</label><br>
                    <input type="text" name="code_str" style="width:150px" placeholder="输入验证码">&emsp;<img src="/login/image/" style="height:30px"><br>
                    <span style="color:red">{{form.code_str.errors.0}}</span><br>
                    <button type="submit" style="margin-left:120px">提交</button>
                </div>
            </form>
        </div>
        <div style="margin-bottom:20px">
            <a href="{% url 'firstplan:forget_pwd' %}" style="margin-left:20px">忘记密码</a>&emsp;
            <a href="{% url 'firstplan:user_add' %}" style="float:right;margin-right:20px">注册</a>

        </div>
    </div>
</body>
</html>